<template>
	<jc-page>
		<u-navbar :is-back="true" :back-icon-color="vuex_titleColor" :title="title" :title-color="vuex_titleColor" :background="vuex_navBackground"></u-navbar>
		<u-cell-group>
			<u-cell-item icon="star" title="主题设置" @click="navigateTo('/pages/theme/theme')"></u-cell-item>
			<u-cell-item icon="star" title="过滤器的使用" @click="navigateTo('/pages/filter/filter')"></u-cell-item>
			<u-cell-item icon="star" title="生成海报图片" @click="navigateTo('/pages/painter/painter')"></u-cell-item>
			<view v-if="vuex_isWechat">
				<u-cell-item icon="star" title="微信功能体验" @click="navigateTo('/pages/wxDemo/wxDemo')"></u-cell-item>
			</view>
			<u-cell-item icon="star" title="开屏红包" @click="openRedPacket()"></u-cell-item>
		</u-cell-group>
		<redpacket :visible="visible" @close="close" money="30"></redpacket>
	</jc-page>
</template>

<script>
	export default {
		data() {
			return {
				visible: false
			}
		},
		onLoad() {
		
		},
		computed: {
			title() {
				return '组件功能演示'
			}
		},
		methods: {
			navigateTo(path){
				this.$Router.push({path:path})
			},
			openRedPacket(){
				this.visible = true;
			},
			close() {
				this.visible = false;
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>